.detail{
	.order-lists{
		padding:0upx 30upx;
		.order-list{
			display: flex;
			padding: 20upx 0;
			border-bottom: 1px solid #EEEEEE;
			.order-list-left{
				width: 30%;
				image{
					width: 100%;
					border-radius: 10upx;
				}
			}
			.order-list-right{
				width: 70%;
				padding-left: 26upx;
				.title{
					width: 100%;
				}
				.order-ta{
					width: 100%;
					display: flex;
					justify-content: space-between;
					align-items: center;
					padding: 6upx 0;
					text:first-child{
						color: #ff9200;
					}
					text:last-child{
						color: red;
						font-weight: bold;
						font-size: 30upx;
					}
				}
				.order-prices{
					display: flex;
					justify-content: space-between;
					align-items: center;
				}
				.order-status{
					display: flex;
					justify-content: space-between;
					padding: 6upx 0;
					align-items: center;
					.payment{
						text:first-child{
							font-size: 24upx;
							color: #333333;
						}
						text:last-child{
							color: #ff0000;
							font-weight: 600;
							font-size: 36rpx;
							&::before {
								content: '￥';
								font-size: 20rpx;
							}
						}
					}
					
					.status{
						border: 1px solid #EEEEEE;
						padding: 4upx 30upx;
						border-radius: 30upx;
					}
				}
			}
		}
	}
	.lists{
		padding: 30upx;
		.list{
			display: flex;
			justify-content: space-between;
			height: 100upx;
			align-items: center;
			border-bottom: 1px solid #EEEEEE;
			text:first-child{
				color: #808080;
			}
			text:last-child{
				color: #333;
				font-weight: bold;
			}
			.price{
				&::before {
					content: '￥';
					font-size: 20rpx;
				}
			}
			.right{
				display: flex;
				align-items: center;
				text:first-child{
					color: #333;
					font-weight: bold;
				}
				text.copy{
					margin-left: 20upx;
					border: 1px solid #EEEEEE;
					box-sizing: border-box;
					font-weight: normal;
					padding: 3upx 20upx;
					border-radius: 4upx;
				}
			}
		}
	}
}